const findItemFocus = (el, binding) => {
    let autofocus = 'input'
    if (binding.value && binding.value.autofocus) {
        autofocus = binding.value.autofocus
    }
    let $el = el.querySelector(autofocus)
    if ($el) {
        $el.focus();
    }
};
export default {
    //注意在每个函数中，第一个参数永远是el表示被绑定了指令的哪个元素，这个el是元素的js对象
    bind: function (el, binding, vNode) { //每当指令绑定到元素上的时候，会立即执行，只执行一次
        //在元素绑定了指令时候，还没有插入到DOM中去，这时候调用focus方法没有作用。因为这个元素只有在插入DOM之后才能获取焦点。
    },
    inserted: function (el, binding, vNode) { // 元素插入到DOM中的时候，会执行inserted函数，触发一次
        findItemFocus(el, binding)
    },
    updated(el, binding, vNode) { //当VNode更新的时候，会执行updated，可能会触发多次
    },
    componentUpdated(el, binding, vnode) {
        vnode.context.$nextTick(() => {
            findItemFocus(el, binding)
        })
    },
};
